/* Containers
		----------------------------------------------------------------------------------------------------*/
		.container{
			margin-left: auto;
			margin-right: auto;
			width: 100%;
		}
		
		/* Grid >> Global
		----------------------------------------------------------------------------------------------------*/
		
		.grid_1 {
			display:inline;
			float: left;
			position: relative;
			margin-left: 1px;
			margin-right: 0px;
			font-size: 11px;
		}
		.grid_2 {
			display:inline;
			float: left;
			position: relative;
			margin-left: 1px;
			margin-right: 0px;
			font-weight: bold;
			font-size: 11px;
		}
		
		
		/* Grid >> 2 Columns
		----------------------------------------------------------------------------------------------------*/
		.container .grid_2 {
			width:450px;
		}
		.container .grid_1 {
			width:200px;
		}
		
		/* `Clear Floated Elements
		----------------------------------------------------------------------------------------------------*/
		
		/* http://sonspring.com/journal/clearing-floats */
		
		.clear {
		  clear: both;
		  display: block;
		  overflow: hidden;
		  visibility: hidden;
		  width: 0;
		  height: 0;
		}
		
		/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
		
		.clearfix:before,
		.clearfix:after {
		  content: '\0020';
		  display: block;
		  overflow: hidden;
		  visibility: hidden;
		  width: 0;
		  height: 0;
		}
		
		.clearfix:after {
		  clear: both;
		}